[v-cloak] {
  display:none;
}

/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */

.Xslide-fade-enter-active {
    transition: all .0s ease;
  }
  .Xslide-fade-leave-active {
    transition: all .0s cubic-bezier(1.0, 0.5, 0.8, 1.0);
  }
  .Xslide-fade-enter, .Xslide-fade-leave-to
  /* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateX(0px);
    opacity: 0;
  }
  
  
  .Yslide-fade-enter-active {
    transition: all .3s ease;
  }
  .Yslide-fade-leave-active {
    transition: all .2s  cubic-bezier(1.0, 0.5, 0.8, 1.0);
  }
  .Yslide-fade-enter, .Yslide-fade-leave-to
  {
    transform: translateY(-20px);
    opacity: 0;

  }